@charset "utf-8";



.home-banner .swiper-slide img{width:100%;opacity:0;}
.home-banner .swiper-slide>a{height:100%;}
.home-banner .pcimg{display:block;}
.home-banner .mobimg{display:none;}
.home-banner .banner-animote{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1700px;color:#FFF;padding:0px 70px;opacity:0;text-align:center;}
.home-banner .banner-animote .title{font-size:36px;font-weight:var(--fontbold6);margin-bottom:20px;}
.home-banner .banner-animote .text{font-size:18px;font-weight:var(--fontbold5);opacity:0.8;}
.home-banner .swiper-slide-active img{animation:bannerimg 6s forwards;}
.home-banner .swiper-slide-active .banner-animote{animation:bannerani .5s forwards;animation-delay:.7s;}
.home-banner .swiper-pagination{bottom:20px!important;}
.home-banner .swiper-pagination-bullet{background-color:#e2e2e2;border-radius:999px;height:4px;opacity:1;overflow:hidden;position:relative;width:32px;}
.home-banner .swiper-pagination-bullet:after{background-color:var(--color);border-radius:999px;content:"";display:block;height:100%;width:0px;}
.home-banner .swiper-pagination-bullet-active.cur::after{transition:width 6s linear;width:100%;}
.home-banner .bannerswiper-next,
.home-banner .bannerswiper-prev{position:absolute;top:45%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5);color:#FFF;z-index:9;cursor:pointer;transition:all .15s linear;opacity:0;border-radius:var(--borderradius);}
.home-banner .bannerswiper-next:hover,
.home-banner .bannerswiper-prev:hover{background:rgba(0,0,0,.9);}
.home-banner .bannerswiper-next em,
.home-banner .bannerswiper-prev em{font-size:24px;}
.home-banner .bannerswiper-prev{transform:rotateY(180deg);left:0px;}
.home-banner .bannerswiper-next{right:0px;}
.home-banner:hover .bannerswiper-prev{opacity:1;left:70px;}
.home-banner:hover .bannerswiper-next{opacity:1;right:70px;}



@keyframes bannerani{
	0%{margin-left:-30px;}
	100%{opacity:1;margin-left:0px;}
}

@keyframes bannerimg{
	0%{transform:scale(1);opacity:0.5;}
	20%{opacity:1;}
	80%{transform:scale(1.05);opacity:1;}
	100%{transform:scale(1.047);opacity:.95;}
}

.home-procate{margin-top:70px;}
.procate-list{display:flex;flex-wrap:wrap;}
.procate-list .procate-item{z-index:99;width:22%;margin-right:4%;background:#FFF;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);transition:all .1s linear;overflow:hidden;border-radius:5px;}
.procate-list .procate-item:hover{box-shadow:0 3px 18px 0 rgba(0,0,0,.24);}
.procate-list .procate-item:hover .procate-img img{transform:scale(1.02);}
.procate-list .procate-item:hover .procate-title a{color:var(--color);}
.procate-list .procate-item:nth-child(4){margin-right:0px;}
.procate-list .procate-item .procate-img{max-height:360px;min-height:180px;position:relative;display:flex;align-items:center;justify-content:center;}
.procate-list .procate-item .procate-img .tags{position:absolute;top:0px;left:0px;background:rgba(0,0,0,.24);color:#FFF;padding:2px 8px;z-index:1;border-radius:5px 0 0 0;text-transform:lowercase;font-size:14px;}
.procate-list .procate-item .procate-img img{width:100%;height:100%;object-fit:cover;}
.procate-list .procate-item .procate-title{height:80px;display:flex;align-items:center;padding:10px 20px;}
.procate-list .procate-item .procate-title a{display:inline-block;width:100%;font-size:18px;font-weight:var(--fontbold5);color:#272727;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}

@keyframes Roter360 {
	0%{transform:translate(-50%,-50%) rotateZ(0deg);}
	100%{transform:translate(-50%,-50%) rotateZ(360deg);}
}





/*home case*/

.home-case{margin-top: 70px;}
.programme{margin-top: 50px;}
.programme_head{text-align: center;margin: 40px;}
.programme h2{font-weight: bold;font-size: 30px;color: #262A30;line-height: 20px;font-style: normal; text-transform: none;}
.programme ul{list-style:none;}
.programme_content{position: relative;}
.programmebg{position: relative;overflow: hidden; width: 100%;height: 750px;}
.programmebg em{display: block;width: 100%;height: 0;padding-bottom: 750px;background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;-webkit-filter: blur(3px);filter: blur(3px);}
.programmebg em:before{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.programme:hover .programmebg .swiper-slide-active em{-webkit-filter: blur(0);filter: blur(0);}
.programmetabs{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 2;display: flex;overflow: hidden;}
.programmetabs li{flex: 1;height: 100%;position: relative;box-sizing: border-box;border-left: 1px solid rgba(255,255,255,0.2);text-align: center;cursor: pointer;position: relative;}
.programmetabs li:before{content: "";position: absolute;left: -1px;top: -100px;width: 1px;height: 100px;background-image: linear-gradient(180deg,transparent,#fff);animation: lineMove 2s ease-in-out infinite;}

@keyframes lineMove{

    to{top: 100%;}

}

.programmetabs li:nth-child(1):before{animation-delay: 0s;}
.programmetabs li:nth-child(2):before{animation-delay: 0.2s;}
.programmetabs li:nth-child(3):before{animation-delay: 0.4s;}
.programmetabs li:nth-child(4):before{animation-delay: 0.6s;}
.programmetabs li:nth-child(5):before{animation-delay: 0.8s;}
.programmetabs li:first-child{border: none;}
.programmetabs li:first-child:before{display: none;}
.programmetabs li a{display: block;width: 100%;height: 100%;position: relative;}
.programmetabs li a .cont{position: absolute;left: 0;bottom: 0;width: 100%;box-sizing: border-box;padding: 0 20px;text-align: center;color: #fff;transition: all 0.8s ease 0.1s;}
.programmetabs li a .cont .icon{width: 132px;height: 132px;border: 4px solid #ffffff;border-radius: 50%;text-align: center;line-height: 132px;font-size: 0;margin: 0 auto 36px;}
.programmetabs li a .cont .icon img{width: 100%;height: 100%;border-radius: 50%;}
.programmetabs li a .cont h5{line-height: 30px;font-weight: normal;}
.programmetabs li a .cont .line{display: block;width: 80%;max-width: 260px;margin: 32px auto 40px;height: 1px;background: #fff;opacity: 0.68;transform: scaleX(0);-webkit-transform: scaleX(0);visibility: hidden;}
.programmetabs li a .cont p{line-height: 30px;height: 0;overflow: hidden;}
.programmetabs li:hover a .cont{bottom: 200px;}
.programmetabs li:hover a .cont .line{transition: all 0.5s ease 0.55s;transform: scaleX(1);-webkit-transform: scaleX(1);opacity: 0.68;visibility: visible;}
.programmetabs li:hover a .cont p{height: 60px;}
.fz20{font-size: 20px;}
.fz16{font-size: 13px;}

/*transition*/

.tran200{-webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear;}
.tran300{-webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -ms-transition:all 0.3s linear; transition:all 0.3s linear;}
.tran400{-webkit-transition:all 0.4s linear; -moz-transition:all 0.4s linear; -ms-transition:all 0.4s linear; transition:all 0.4s linear;}
.tran500{-webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear; transition:all 0.5s linear;}
.tran1000{-webkit-transition:all 1s linear; -moz-transition:all 1s linear; -ms-transition:all 1s linear; transition:all 1s linear;}
.swiper-wrapper {position: relative;width: 100%;height: 100%;z-index: 1;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;-o-transition-property: -o-transform;-ms-transition-property: -ms-transform;transition-property: transform;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.swiper-slide {-webkit-flex-shrink: 0;-ms-flex: 0 0 auto;flex-shrink: 0;width: 100%;height: 100%;position: relative;}

/*home case over*/

/*底部友情连接*/
.footlink{background-color: #000;padding: 6px 0px ;height:auto;text-align: center;color: #dcdcdc;font-size: 14px;margin-bottom: 2px;}
.footlink a{color: #dcdcdc;padding: 0px 0px 0px 10px;font-size: 14px;}
.footlink a:hover{text-decoration: none;color: #fbf38f;}
.footlink a:last-child{border-right: 0px;}
.footlink button{display: none;}
/*底部友情链接结束*/





/*home-tabs*/

.tabs_bg{background-color: #FFFFFF;margin-top: 20px;width: 100%;height: auto;}
.tabs_head{margin-top: 80px;margin-bottom: 40px;}
.tabs_head h2{text-align: center;font-size: 30px;color: #262A30;font-weight: bold;margin-top: 12px;margin-bottom: 12px;}
.tabs_head span{color: #366092;}
.tabs_head p{text-align: center;color: #262A30;font-size: 16px;margin-bottom: 40px;}
.nav-tabs:after{content:'';visibility:hidden;font-size:0;height:0;display:block;clear:both;}
.nav-tabs{display:inline-block;border: none;}
.nav-tabs > li {background-color:#F4F7FA;height: 80px;}
.nav-tabs > li > a {color: #262A30;text-align: center;font-size: 20px;line-height:60px; }
.gotab1{background-image: url(/Uploads/jhj.png);background-repeat: no-repeat; background-size: 15%; background-position: 10% 10px;}
.gotab2{background-image: url(/Uploads/ckfwq.png);background-repeat: no-repeat; background-size: 15%; background-position: 10% 10px;}
.gotab3{background-image: url(/Uploads/wxtx.png);background-repeat: no-repeat; background-size: 15%; background-position: 10% 10px;}
.gotab4{background-image: url(/Uploads/zncj.png);background-repeat: no-repeat; background-size: 15%; background-position: 10% 10px;}
.nav-tabs > li > a:hover{text-align: center; font-size: 20px;}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {color: #fff;background-color: #0D509A;}
.nav-tabs > li.active,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {color: #fff;background-color: #0D509A;text-align: center;style:none;}
.nav-tabs > li.active img{display: none;}
.nav-tabs > li.active a{text-align: center;font-size: 20px;}
.nav-tabs > li > a:hover img{display: none;}
.nav-tabs > li > a:focus img{display: none;}
.nav-tabs > li > a:focus img{display: none;}
.tab-content{margin-top: 30px;margin-bottom: 100px;box-shadow: 0px 7px 25px 1px rgba(0,0,0,0.14);}
.tab_img img{margin-top: 10px;max-width: 100%;float: right;}
.tab_text{margin-top: 0px;}
.tab_text img{padding-left: 20px;width: auto;height: 180px;}
.tab_navimg{text-align: center;padding: 30px 0;}
.tab_navimg1 img{padding: 0;width: 50%;height: auto;text-align: center;}
.tab_navimg1 p{padding-top: 10px;text-align: center;}
.tab-pane{background-color: #fff;height: 560px;border: 0px solid #cccccc;}
.tab_text h3{font-size: 30px;color: #0D509A;font-weight: bold;margin: 30px 50px 20px 46px;border-bottom: 1px solid #eaeaea;}
.tab_text p{font-size: 16px;color: #262A30;margin: 0px 50px 0px 46px;}
.tab_p{color: #7f7f7f;margin: 15px 0px 0px 10px;height: auto;}
.tab_more{float: right;display: inline-block;width: 200px;height: 48px; margin-right: 60px; text-align: center;background-color: #0D509A;color: #fff;text-decoration: none;font-size: 16px;font-weight: 400;line-height:50px;}
.tab_more:hover,.tab_more:focus{color: #000000;padding-bottom: 30px; background-color: transparent;text-decoration: none;border: 1px solid #000000;}

/*home-about*/



.home_about{background-color: #F5F6F7;}
.home_about_head{text-align: center;padding-top: 80px;}
.home_about_head h2{font-weight: bold;font-size: 30px;color: #262A30;text-align: center;}
.home_about_head p{font-weight: 400;font-size: 16px;color: #262A30;text-align: center;}
.about_utekimg {padding-top: 60px; width: 100%;}
.about_utekimg img{height: auto; width: 100%;}
.about_head{padding-top: 30px;}
.about_head h3{font-size: 30px;color: #0D509A;text-align: left;padding-top: 40px;}
.about_head p{padding-top: 30px; padding-bottom: 20px;font-size: 24px;color: #262A30;text-align: left;}
.about_utekbox{padding-right: 60px; width: 100%;color: #56595E;font-size: 16px;}
.about_digit{width: 70%;height: auto;background: #159244;opacity: 0.7;margin-top: -220px; margin-left: 30px; display: block;}
.about_digit ul{list-style: none;text-align: left;}
.about_digit li{width: 24%; display: inline-block;padding-top: 16px;}
.about_digit h3{overflow: hidden;font-size: 56px;color: #FFFFFF;text-align: center;}
.about_digit sup{font-size: 34px;color: #FFFFFF;text-align: center;}
.about_digit p{font-size: 14px;color: #FFFFFF;text-align:center;padding-bottom: 16px;}
.utekabout-more{margin-left: 30px;margin-bottom: 20px;top: -20px; display:inline-flex;align-items:center;justify-content:center;width: 200px;height: 48px;background:#FFF;border:1px solid #0D509A;position:relative;z-index:1;overflow:hidden;}
.utekabout-more::before{content:"";position:absolute;left:0px;top:0px;height:100%;width:0px;transition:all .15s linear;background:#0D509A;z-index:-1;}
.utekabout-more:hover{color:#FFF;}
.utekabout-more:hover::before{width:100%;}





/*home-about end*/





/*home_news*/

.home_news{margin-top: 10px;margin-bottom: 10px;}
.news_head{padding-top: 80px;padding-bottom: 40px; text-align: center;}
.news_head h2{font-weight: bold;font-size: 30px;color: #262A30;}
.news_head p{font-size: 16px;color: #262A30;padding-top: 12px;}
.news_tile {text-align: left;padding-bottom: 34px;}
.news_tile h3{font-size: 30px;color: #262A30;letter-spacing: 10px;text-align: left;float: left;}
.news_more{float: right;display: inline-block;width: 200px;height: 48px; color: #000000; background-color: transparent;border: 1px solid #000000;margin-right: 60px; text-align: center;text-decoration: none;font-size: 16px;font-weight: 400;line-height:50px;}
.news_more:hover,.news_more:focus{background-color: #0D509A;color: #fff;text-decoration: none;}


.news_tab{margin-top: 10px;padding-bottom: 10px; float: left;width: 100%;}
.news_tabone{text-align: center;width: 100%;height: auto;}
.news_First img{width: 100%;height: 300px;object-fit:cover;}
.news_First a{display: block; width: 100%;height: auto; font-weight: bold;font-size: 18px;color: #FFFFFF;text-align: center;padding-top: 30px;padding-bottom: 30px; margin-top: -90px; background: #0F1B29;opacity: 0.7;}
.news_tabul{background-color: #F2F4F7;margin-top: 22px; padding-top: 24px;padding-bottom: 24px;width: 100%;}
.news_tabtwo{padding: 20px;}


.problem_tab{margin-top: 10px; padding-top: 10px;padding-bottom: 10px; float: left;width: 100%;background: #F2F4F7;}
.problem_tabproblem{margin-top: 4px;background-color: #FFFFFF;padding: 10px;}
.problem_tabproblem h3{background-color: #0D509A;}
.problem_tabproblem h4{background-color: #159244;}
.problem_tabproblem h3,.problem_tabproblem h4{padding: 10px;margin-right: 10px;margin-top: 4px; width: 40px;height: 44px; font-weight: bold;font-size: 20px;color: #FFFFFF;line-height: 24px;float: left;}
.problem_tabproblem a{padding-top: 20px;}
.problem_tabproblem p{margin-top: 26px;}

/*home_news end*/



/*新分屏*/


@media(max-width:1550px){
    .tab_navimg{display: none;}
    .tab-content{padding-top: 50px;padding-bottom: 0px;}
    .tab_navimg,.about_digit{display:none;}
    .gotab1,.gotab2,.gotab3,.gotab4, {background-color:#EDEDED; }
}



@media(max-width:1366px){
	.home-banner .banner-animote .title{font-size:30px;margin-bottom:10px;}
	.home-banner .banner-animote .text{font-size:16px;}
	.home-procate{margin-top:30px;}
}

@media(max-width:1280px){
}

@media(max-width:1024px){
	.home-banner .banner-animote{padding:0px 20px;}
	.home-banner .bannerswiper-next,
	.home-banner .bannerswiper-prev{display:none;}
    .programme{display: none;}
}



@media(min-width:769px){
    .home-procate{display: none;}
    
}



@media(max-width:768px){
    .about_head h3,.about_head p{display: none;}
    .news_QA,.news_tabone{display: none;}
    .tabs_head span{display: none;}
    .about_utekimg {padding: 60px 0 10px 0;width: 100%;}
    .about_utekbox{padding: 0px;font-size: 16px;}
    .home_news{margin: 2px 0;padding: 0;background-color: #F2F4F7;}
    .news_tabul{margin-top: 10px; padding-top: 10px;padding-bottom: 10px;width: 100%;}
    .news_tabtwo{padding: 10px 0;}
    .news_tabtwo a{padding: 10px 0 10px 4px;margin: 6px 0;width: 100%;}
    .news_tabtwo span{display: none;}
	.home-banner{height:260px;}
	.home-banner .pcimg{display:none;}
	.home-banner .mobimg{display:block;}
	.home-banner #indexbanner{height:100%;}
	.home-banner #indexbanner .swiper-wrapper{height:100%;}
	.home-banner #indexbanner .swiper-wrapper .swiper-slide img{height:100%;object-fit:cover;}
	.home-banner .banner-animote .title{font-size:20px;}
	.procate-list{justify-content:space-between;}
	.procate-list .procate-item{width:49%;margin-bottom:20px;margin-right:0px;}
    .utekabout-more{margin-right: 30px;margin-bottom: 20px;margin-top: 80px;}
    /*home-tabs*/

    .tabs_bg{background-color: none;margin-top: 20px;width: 100%;height: auto;}  
    .gotab1,.gotab2,.gotab3,.gotab4{background-color: #FFFFFF;background-image: none;}
    .tabs_head{margin-top: 50px;}
    .nav-tabs > li {background-color:#F4F7FA;height:auto;text-align: center;border: 1px solid #D8D8D8;margin-top: 4px;}
    .nav-tabs > li > a {color: #262A30;text-align: center;font-size: 14px;padding: 6px 0;line-height: 30px;}
    .nav-tabs > li > a:hover{text-align: center; font-size: 14px;}
    .nav-tabs > li.active a{text-align: center;font-size: 14px;}
    .tab-content{padding: 0;margin: 0;box-shadow: 0px 7px 25px 1px rgba(0,0,0,0.14);}
    .tab-pane{background-color: #fff;height: auto;border: 0px solid #cccccc;width: 100%;}
    .tab_img{padding: 0;margin: 0;}
    .tab_img img{padding: 4px;margin: 0; width: 100%;height: auto;}
    .tab_text{width: 100%;margin: 0;padding: 0;}
    .tab_text h3{font-size: 24px;margin: 20px 0px;text-align: center; border-bottom: 1px solid #eaeaea;}
    .tab_text p{font-size: 16px;color: #262A30;margin: 6px;}
    .tab_text a{padding-bottom: 20px;}
    .footlink{display: none;}
}


@media(max-width:450px){
	.home-banner.banner-animote{top:44%;}
	.procate-list.procate-item.procate-title{height:66px;padding:4px 10px;}
	.procate-list.procate-item.procate-title a{font-size:16px;}
	.procate-list.procate-item.procate-img{max-height:300px;}



}